<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="author" content="Mengxue Sun">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
    <link rel="stylesheet" href="css/Ass1.css">
</head>
<body class="login-page">
    <header>
        <div class="logo">
            <img src="imgs/logo.jpg" alt="livheart logo">
        </div>
        <nav>
          <ul>
            <li><a href="index.html">HOMEPAGE</a></li>
            <li><a href="product.html">PRODUCTION</a></li>
            <li><a href="login.html">LOGIN</a></li>
            <li><a href="register.html">REGISTRATION</a></li>
            <li><a href="#">SHOPPING CART</a></li>
            <li><a href="about.html">ABOUT</a></li>
          </ul>
        </nav>
      </header>

    <div class="container">
    <img src="imgs/logo.jpg" alt="..." class="left">
    <div class="right">
        <span class="logo"><h2>Plesae Login</h2></span>
        <form class="contents" id="loginform">
            <input type="text" id="username" placeholder="enter your username" name="username" >
            <input type="password" id="password" placeholder="enter your password" name="password">
            <div id="errorMessage"></div>
            <button class="login" type="submit">Login</button>
            <span class="footer">
                <a href="register.html">signup</a>
                <a>foegot password?</a>
            </span>
        </form>
    </div>
</div>

<script src="js/login.js"></script>
</body>
</html>